<div id="fullscreen" style="position:relative;padding-top:35px;background: white;">
    <em class="fa fa-compress hand " style="position: absolute;right: 0px;top: 1px; font-size: 20px;margin-top: 20px;z-index: 10;padding-right: 10px" (click)="zoomItem()" (touchstart)="zoomItem()" title="缩小"></em>
    <div [ngSwitch]="fullscreenIndex">
        <div *ngSwitchCase="'app_view1'">
            <app-asset-proportion></app-asset-proportion>
        </div>
        <div *ngSwitchCase="'app_view2'">
            <app-risk-money></app-risk-money>
        </div>
        <div *ngSwitchCase="'app_view3'">
            <app-risk-evaluation-rate></app-risk-evaluation-rate>
        </div>
        <div *ngSwitchCase="'app_view4'">
            <app-leverage-ratio></app-leverage-ratio>
        </div>
        <div *ngSwitchCase="'app_view5'">
            <app-industry-concentrate></app-industry-concentrate>
        </div>
        <div *ngSwitchCase="'app_view6'">
            <app-reserve-money></app-reserve-money>
        </div>
        <div *ngSwitchCase="'app_view7'">
            <app-invest-type></app-invest-type>
        </div>
        <div *ngSwitchCase="'app_view8'">
            <app-profit-type></app-profit-type>
        </div>
        <div *ngSwitchCase="'app_view9'">
            <app-task [hdata9]='heightData91' [wdata9]='widthData91'></app-task>
        </div>
        <div *ngSwitchCase="'app_view10'">
            <app-calendar [hdata10]='heightData101' [wdata10]='widthData101'></app-calendar>
        </div>
        <div *ngSwitchCase="'app_view11'">
            <app-compaign></app-compaign>
        </div>
        <div *ngSwitchCase="'app_view12'">
            <app-campaign-activity></app-campaign-activity>
        </div>
        <div *ngSwitchCase="'app_view13'">
            <app-campaign-customer></app-campaign-customer>
        </div>
        <div *ngSwitchCase="'app_view14'">
            <app-customer-count></app-customer-count>
        </div>
        <div *ngSwitchCase="'app_view15'">
            <app-customer-aum></app-customer-aum>
        </div>
        <div *ngSwitchCase="'app_view16'">
            <app-task-submit></app-task-submit>
        </div>
    </div>
</div>

<gridster [options]="options" id="gridster">
    <gridster-item [item]="item" *ngFor="let item of dashboard;let i =index;">
        <!-- your content here -->
        <div>
            <div class="fs-md">
                <label class="item-label gridster-item-content"></label>
                <div style="position:absolute;top: 0px;right:0px;z-index: 10;">
                </div>

                <div [ngSwitch]="item.id" class="gridster-item-content">
                    <div *ngSwitchCase="'app_view1'">
                        <app-asset-proportion></app-asset-proportion>
                    </div>
                    <div *ngSwitchCase="'app_view2'">
                        <app-risk-money></app-risk-money>
                    </div>
                    <div *ngSwitchCase="'app_view3'">
                        <app-risk-evaluation-rate></app-risk-evaluation-rate>
                    </div>
                    <div *ngSwitchCase="'app_view4'">
                        <app-leverage-ratio></app-leverage-ratio>
                    </div>
                    <div *ngSwitchCase="'app_view5'">
                        <app-industry-concentrate [hdata5]='data5'></app-industry-concentrate>
                    </div>
                    <div *ngSwitchCase="'app_view6'">
                        <app-reserve-money [hdata6]='data6'></app-reserve-money>
                    </div>
                    <div *ngSwitchCase="'app_view7'">
                        <app-invest-type [hdata7]='data7'></app-invest-type>
                    </div>
                    <div *ngSwitchCase="'app_view8'">
                        <app-profit-type [hdata8]='data8'></app-profit-type>
                    </div>
                    <div *ngSwitchCase="'app_view9'">
                        <app-task [hdata9]='heightData9' [wdata9]='widthData9'></app-task>
                    </div>
                    <div *ngSwitchCase="'app_view10'">
                        <app-calendar [hdata10]='heightData10' [wdata10]='widthData10'></app-calendar>
                    </div>
                    <div *ngSwitchCase="'app_view11'">
                        <app-compaign [hdata6]='data6'></app-compaign>
                    </div>
                    <div *ngSwitchCase="'app_view12'">
                        <app-campaign-activity></app-campaign-activity>
                    </div>
                    <div *ngSwitchCase="'app_view13'">
                        <app-campaign-customer></app-campaign-customer>
                    </div>
                    <div *ngSwitchCase="'app_view14'">
                        <app-customer-count></app-customer-count>
                    </div>
                    <div *ngSwitchCase="'app_view15'">
                        <app-customer-aum></app-customer-aum>
                    </div>
                    <div *ngSwitchCase="'app_view16'">
                        <app-task-submit [hdata6]='data6'></app-task-submit>
                    </div>
                </div>
            </div>
        </div>
    </gridster-item>
</gridster>